<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Indiefilm Productions Studio Management System" />
<meta name="keywords" content="" />

<title>Indiefilm Studio Management System</title>
<link href="../../css/layout.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/typography.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/form.css" rel="stylesheet" type="text/css" media="all" /> 
<link rel="shortcut icon" href="../../favicon.ico" />
<link href="../../js/css/smoothness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css"/>
<script src="../../js/jquery-1.4.3.min.js"></script>
<script src="../../js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="../../js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="../../js/fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="../../js/fancybox/jquery.fancybox-1.3.1.css" media="screen" />   
<script type='text/javascript' src='../../js/popframe.js'></script>
    
   

</head>

<body>
<div id="Outer">
    <div id="Header">
        <div class="header-inner">
            <h1><img src="../../images/blackcurrent-logo.jpg" alt="Logo" /></h1>
            
            <div class="topTabContainer">
            	<div class="topTabSearch">Today is Wed, 4 Aug 10 - Hi Borden Li, <a href="#">Logout</a></div>
            </div>
            
            
            <div class="navContainer">
                <div id="nav-level-one">
                    <h2>Indiefilm Productions</h2>
                </div><!--Navigation Ends-->
        </div><!--navContainer Ends-->
        
        
        </div><!--header-inner Ends-->	
    </div><!--Header-->

        
 <div id="nav_two_level" class="nav_container">
 <div class="nav_container_inner">
	<ul id="nav">
        <li><a href="photo-bookings-list.html" class="current"><span></span><strong>Jobs</strong></a></li>
        <!--<li><a href="photo-album.html"><span></span><strong>Album Orders</strong></a></li> --><li><a href="photo-clients.html"><span></span><strong>Manage</strong></a></li>
        <li><a href="photo-accounts-invoice-open.html"><span></span><strong>Accounts</strong></a></li>
    </ul>
      <ul id="nav_second_level">
        
        <li><a href="photo-bookings-list.html"><span></span><strong>Appointment List</strong></a></li>
        <li><a href="photo-bookings-open.html"><span></span><strong>Open Jobs</strong></a></li>
        <li><a href="photo-bookings-closed.html"><span></span><strong>Closed Jobs</strong></a></li>
    </ul>
</div><!--nav_container_inner Ends-->  
</div><!--nav_two_level Ends-->  
        
<div class="clear"></div>        
 <div class="toolbar">
<div class="toolbar-inner">
    <ul class="clients_toolbar">
    <li><a href="photo-bookings-details.html"><span class="icon2 history"></span><span class="text link">Job Details</span></a></li>
    
    <li><a href="photo-bookings-billing.html"><span class="icon cryan"></span><span class="text link">Billing</span></a></li>
    <li><a class="print" href="javascript:window.print();"><span class="icon print"></span><span class="text link">Print</span></a></li>	
    </ul>
</div><!--toolbar-inner Ends-->
</div><!--toolbar Ends-->
<div class="clear"></div>
  

    <div class="main-bg">
            
        <div id="Layout">
            <div class="inner-layout">	
                <div class="typography">
                   
                    
                <div id="sideBar">                     
                    <div class="sideModule">
                        <div>
                        <a href="photo-bookings-timetable.html"><img src="../../images/bck_btn.png" class="action-btn" alt="Go Back"></a>
                        </div>
                    </div><!--sideModule-->
 
                  </div> <!--sidebar-->
                    
                    
                    
                    <div class="contentLayout">

                        <div class="contentBox">
                        <div class="inner">
                        
                         <!--<div id="flash" class="error">Form Error Report Style</div>-->
                         <div id="flash" class="notice">Success Notice Style</div>
                        
                        <div class="form-container"> 
<form method="post" id="client_form" action="/clients"><div style="margin: 0pt; padding: 0pt; display: inline;"></div>	
<fieldset class="styled">
  <div>

    <div>
      <label for="booking_name">Booking Job Title<em></em></label>
      <input type="text" size="40" name="job[name]" id="booking_name">   
    </div>
    
   <div>
      <label for="booking_bookingdate">Booking Date<em></em></label>
        <input id="datepickerBookingDate" class="text nolabel"  type="text" size="10" />
    (Warning: you have other bookings on the same date)</div>
    
     <div>
      <label for="booking_name">Time Block Title<em></em></label>
      <input type="text" size="40" name="job[name]" id="booking_name">   
    </div>
    
    <div>
      <label for="booking_start_time">Start Time<em></em></label>
        <input id="booking_start_time" class="text nolabel"  type="text" size="10" />
    </div>
    
     <div>
      <label for="booking_end_time">End Time<em></em></label>
        <input id="booking_end_time" class="text nolabel"  type="text" size="10" />
    </div>
    
    <div>
      <label for="booking_bookingdate">Required Hours<em></em></label>
        <input id="booking_booking_hours" class="text nolabel"  type="text" size="4" />
    </div>
   
     <div>
      <label for="booking_bookingdate">Place Name<em></em></label>
        <input id="booking_block_place" class="text nolabel"  type="text" size="40" />
    </div>
    
       <div>
      <label for="booking_bookingdate">Address<em></em></label>
        <input id="booking_block_address" class="text nolabel"  type="text" size="40" />
    </div>
  
    <div>
      <label for="booking_email">Client<em></em></label>
      <input type="text" size="40" name="booking[name]" id="booking_email">
    </div>
    
     <div>
   	  <label for="booking_contact">Contact Person</label>
   	  <input type="text" size="40" name="booking[contact]" id="booking_contact" class="short">
   	</div>
   
    <div>
   	  <label for="booking_phone">Contact Phone</label>
   	  <input type="text" size="40" name="booking[phone]" id="booking_phone" class="short">
   	</div>

      <div>
   	  <label for="booking_description">Assign To Staff</label>
       <input type="text" size="40" name="booking_[staff]" id="booking_staff" class="short">
        (Type staff name)
   	  </div>
    
      <div>
   	  <label for="booking_description">Notes:</label>
      <textarea name="booking_notes" cols="50" rows="6" class="short" id="booking_description"></textarea>
   	  </div>


    <div></div>

  </div>
</fieldset>
   		
    	<div class="buttonrow">
        <input type="image" src="../../images/save_btn.png" id="Submit" class="action-btn" alt="Save"><span class="cancel"> or <a href="#">Cancel</a></span>
  	  </div>


<div class="buttonrow">
        <input type="image" src="../../images/modify_btn.png" id="modify_submit" class="action-btn" alt="Modify"><span class="cancel"> or <a href="#">Cancel</a></span>
  	  </div>

</form>

</div><!--form Container Ends-->


                        
                        </div><!--inner Ends-->
                    </div><!--contentBox Ends-->



                          
                    
                    
               
                                             
                    </div><!--content Layout Ends-->
                                
                </div><!-- typography Ends -->	
            </div><!-- inner-layout Ends -->
        </div><!-- Layout Ends -->
    
    </div><!-- main-bg Ends -->
    

    <div id="Footer">
    
        <div class="footer-tools">
            <ul class="footer-tools-list">
            <li>Website Designed by Indiefilm Productions</li>
            <li class="print"><a href="javascript:print();">Print this page</a></li>
            <!--<li class="email"><a href="#">Email this page</a></li>-->
            <li class="top"><a href="#Header">Page top</a></li>
            <li><a href="#">Logout</a></li>
            </ul>
        </div>
        
       
         

    </div><!-- Footer Ends -->
    
</div> <!--Outer Ends -->

     



</body>
</html>
